/**
 *该CSS文件用于定义浅色主题样式
 */

/*背景颜色*/
:root {
  --bg-color1: #ffffff;
  --bg-color2: #f1f1f1;
  --bg-color3: #e4e7ed;
  --bg-color4: #cccccc;
  --bg-color5: #dae0e5;
  --bg-color6: #eaeaea;
  --bg-color7: #e4e7ed;
  --bg-color8: hsla(0, 0%, 0%, 0.1);
  --bg-color9: #d5d4d4;
  --bg-color10: #ffffff;
  --bg-color12: #0078d7;
  --bg-color13: #e6a234;
  --bg-color14: #ffffff;
  --bg-color15: #0165b3;
  --bg-color16: #ffffff;
  --bg-color17: #3673a3;
  --bg-color18: #0698f9;
  --bg-color20: #43608c;
  --bg-color21: #e6e6fa;
  --bg-color22: #ffffff;
  --bg-color23: #cfdbe5;
  --bg-color24: rgba(0, 0, 0, 0.175);
  --bg-color25: #f2f2f2;
  --bg-color26: #5083bb;
  --bg-color27: #535353;
  --bg-color28: #ffffff;
}

/*字体颜色*/
:root {
  --text-color1: #333333;
  --text-color2: #282828;
  --text-color3: #6c757d;
  --text-color4: #a0a0a0;
  --text-color5: #212529;
  --text-color6: #0078ff;
  --text-color7: #434343;
  --text-color8: #212529;
  --text-color9: #2675b3;
  --text-color10: #ffffff;
  --text-color11: #000000;
  --text-color12: #d5d5d5;
  --text-color13: #c5c555;
}

/*边框颜色*/
:root {
  --border-color1: #e6ebe9;
  --border-color2: #0078d7;
  --border-color3: #dee2e6;
  --border-color4: #dee2e6;
  --border-color5: #646464;
  --border-color6: rgba(0, 0, 0, .125);
  --border-color7: #ededee;
  --border-color8: #0698f9;
  --border-color9: #585858;
  --border-color10: #eaf2f9;
  --border-color11: #E9E116;
  --border-color12: #FF0000;
}

/*阴影*/
:root {
  --box-shadow1: rgb(232, 232, 232);
  --box-shadow2: #eaf2f9;
  --text-danger-color: #ff0000;
  --text-danger-border-color: #ff0000;
  --text-danger-bg-color: #ff0000;
}

/*文本*/
.text-danger-color {
  color: #ff0000;
}

.text-danger-bg-color {
  background-color: #ff0000;
}

.text-danger-border-color {
  color: #ff0000;
}

/*多选框*/
label {
  color: #333333;
}

/*关闭x*/
.closeBtn, .el-dialog__headerbtn .el-dialog__close {
  color: var(--text-color3);
  cursor: pointer;
  transition: all .2s ease-in-out;
}

.closeBtn:hover, .el-dialog__headerbtn .el-dialog__close:hover {
  color: var(--text-color5);
}

/*nav*/
.nav-tabs {
  border-bottom: 1px solid var(--border-color3);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: var(--text-color6);
  cursor: pointer;
  background-color: var(--bg-color1);
  border-color: var(--border-color3);
  border-bottom: 1px solid transparent;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  outline: none;
  background-color: var(--bg-color10);
}

.nav-tabs .nav-link:hover {
  border-color: var(--border-color5);
  border-bottom: 1px solid var(--bg-color1);
  background: unset;
}

/*注释*/
.comment-list .comment-info-color {
  color: #2589f5;
}

.comment-list .reply-info-color {
  color: #4d9e76;
}

.comment-list .comment-message-text {
  color: #666666;
}

/*Logo*/
.logo-img:hover {
  filter: drop-shadow(1px 3px 1px #848484);
}

/*queryList*/
.dialog-query-list, .dialog-sketch-list {
  background-color: #d6eaff;
  color: var(--text-color5);
  border: 1px solid #6e7177;
}

.list-warn {
  background-color: #ffefef;
  border: 1px solid #ded8d8;
}

.list-normal {
  background-color: white;
  border: 1px solid #ded8d8;
}

.list-highlight-li {
  background-color: rgba(0, 0, 0, .1);
}

/*blurOverLoading*/
.blur-mark {
  background-color: #f5f5f5;
}

/*ISoroll*/
.iScrollIndicator {
  background-color: #434343 !important;
}

/*自定义滚动条*/
::-webkit-scrollbar-thumb {
  background-color: var(--bg-color4);
}

/*更新公告*/
#notify-update {
  color: #ffffff;
  background: linear-gradient(45deg, #0078d7, #88c3f8);
  background: -moz-linear-gradient(45deg, #0078d7, #88c3f8);
  background: -o-linear-gradient(45deg, #0078d7, #88c3f8);
  background: -webkit-linear-gradient(45deg, #0078d7, #88c3f8);
}

/*快捷键*/
.shortcut-key-item-header, .shortcut-key-item-selected, .shortcut-key-item:hover {
  background-color: #f7f7f7;
}

/*颜色设置*/
.colorschema-menu {
  background-color: #f7f7f7;
}

/*主题切换按钮*/
.theme-toggle .toggle-track {
  background-color: #333333;
}

/*TreeHouse*/
#treeHouse .common-bg {
  background-color: #e4e7ed;
}

#treeHouse .common-bg:hover, .common-bg.light {
  border-color: #E9E116;
  background-color: #F2F6FC;
}

#treeHouse .clone-content-bg {
  background-color: #e4e7ed;
}